.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  zoom: 1;
}
a {
  text-decoration: none;
  cursor: pointer;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'Microsoft YaHei';
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
}
body .color666 {
  color: #007ACC;
  float: left;
  margin-right: 5px;
  font-size: 20px;
}
body .warn {
  color: red;
  float: right;
  font-size: 20px;
  margin-left: 5px;
}
body .main {
  min-width: 300px;
  height: 200px;
  border: #666666 solid 1mm;
}
body .main .testdatecon {
  height: 50%;
}
body .main .showcon {
  margin-bottom: 5px;
}
.frame {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
.frame .mainFra {
  width: 40%;
  height: auto;
  margin: 0 auto;
  margin-top: 15%;
  border: 1px #999 solid;
}
.frame .mainFra .mainFraTag {
  color: red;
  background-color: white;
  width: 100%;
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
}
.frame .mainFraContext {
  margin: 10px 0;
  font-weight: 600;
}
.frame .backFra {
  width: 40%;
  margin: auto;
}
.frame .backFra .backFraContext {
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-top: 20px;
  background-color: #007ACC;
  color: white;
}
.frame .backFra .backFraContext .backLink {
  display: inline-block;
  width: 100%;
  color: white;
  letter-spacing: 3px;
}
.frame .noticeFra {
  width: 400px;
  padding: 20px 0;
  margin: 0 auto;
  text-align: left;
  position: relative;
  margin-top: 8%;
  background: url(../images/regisBg.jpg) no-repeat;
  text-align: center;
}
.frame .noticeFra .notice {
  font-size: 20px;
  color: orangered;
  width: 100%;
  margin: 10px 0;
  text-align: center;
}
.frame .noticeFra .InfoFra {
  width: 100%;
  height: auto;
  text-align: center;
}
.frame .noticeFra .InfoFra .InfoList {
  width: 70%;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
}
.frame .noticeFra .InfoFra .InfoList .InfoNotic {
  color: floralwhite;
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
}
.frame .noticeFra .InfoFra .InfoList .fillBlank {
  display: block;
  float: right;
  border: 1px #999 solid;
  width: 150px;
  height: 20px;
  line-height: 20px;
}
.frame .noticeFra .submitBtn {
  width: 80%;
  height: 50px;
  line-height: 40px;
  color: white;
  background-color: #007ACC;
  text-align: center;
  font-size: 20px;
  margin: 20px 0;
  letter-spacing: 3px;
  cursor: pointer;
  margin: 0 auto;
  border: 0;
  border-radius: 50px;
}
.frame .logFra {
  width: 300px;
  height: auto;
  position: relative;
  margin: 0 auto;
  margin-top: 15%;
  text-align: center;
}
.frame .logFra .logList {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin: 20px 0;
}
.frame .logFra .logList .logNotice {
  font-size: 16px;
  color: #666;
  float: left;
}
.frame .logFra .logList .fillBlank {
  width: 200px;
  display: inline-block;
  float: right;
  height: 20px;
  line-height: 20px;
}
.frame .logFra .logBtn {
  background-color: #007ACC;
  color: white;
  height: 50px;
  line-height: 50px;
  width: 100%;
  margin: 0 auto;
  font-size: 20px;
  cursor: pointer;
}
/*��ҳ����*/
.containtOut {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.containtOut .barCont {
  width: 100%;
  height: auto;
  position: relative;
}
.containtOut .barCont .barTop {
  height: 40px;
  background-color: rgba(1, 4, 49, 0.1);
}
.containtOut .barCont .barTop .topLeft {
  width: 50%;
  display: block;
  margin: 0;
  float: left;
  line-height: 40px;
}
.containtOut .barCont .barTop .topLeft .iconImg {
  font-size: 20px;
}
.containtOut .barCont .barTop .topLeft .iconFont {
  font-size: 14px;
}
.containtOut .barCont .barTop .topRight {
  width: 50%;
  margin: 0;
  display: block;
  float: left;
  line-height: 40px;
}
.containtOut .barCont .barTop .topRight .list {
  width: 120px;
  display: block;
  float: left;
}
.containtOut .barCont .barTop .topRight .list .listfont {
  font-size: 20px;
  margin-left: 5px;
  font-size: 14px;
}
.containtOut .barCont .barTop .topRight .logInfo {
  display: block;
  float: left;
}
.containtOut .barCont .barTop .topRight .logInfo .infoSelf {
  color: #551A8B;
  font-size: 12px;
}
.containtOut .barCont .barTop .topRight .logInfo .logOut {
  color: #551A8B;
  font-size: 14px;
}
.containtOut .barCont .barTop0 {
  width: 80%;
  position: relative;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.containtOut .barCont .barTop0 .logoCont {
  width: 30%;
  margin: 0;
  display: block;
  float: left;
}
.containtOut .barCont .barTop0 .searchCont {
  width: 70%;
  position: relative;
  display: block;
  float: left;
}
.containtOut .barCont .barTop0 .searchCont .sear {
  width: 260px;
  height: 40px;
  border: 1px solid #FB9300;
  position: relative;
  z-index: 10;
  display: block;
  float: left;
  box-sizing: border-box;
}
.containtOut .barCont .barTop0 .searchCont .searIcon {
  position: absolute;
  z-index: 20;
  left: 0;
  line-height: 40px;
  margin-left: 5px;
  color: #818181;
}
.containtOut .barCont .barTop0 .searchCont .searSubmit {
  width: 150px;
  height: 40px;
  line-height: 40px;
  background-color: #FB9300;
  color: white;
  position: relative;
  z-index: 10;
  display: block;
  float: left;
}
.containtOut .barCont .barTop0 .searchCont .searSubmit:hover {
  background-color: #F9CC9D;
}
/*
    ��ѯ����
*/
.limtCont {
  width: 100%;
  position: relative;
}
.limtCont input {
  background-color: rgba(85, 26, 139, 0.3);
  border: 0;
  color: white;
}
.limtCont .limtContLeft {
  width: 20%;
  display: block;
  float: left;
}
.limtCont .limtContLeft .limitTit {
  font-size: 20px;
  color: #293A56;
  height: 80px;
  line-height: 80px;
}
.limtCont .limtContMid {
  width: 50%;
  display: block;
  float: left;
}
.limtCont .limtContMid .salary {
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.limtCont .limtContMid .salary .salarySty {
  font-size: 12px;
  float: left;
}
.limtCont .limtContMid .salary .salaryInp {
  display: block;
  width: 40px;
  height: 30px;
  line-height: 40px;
  float: left;
}
.limtCont .limtContMid .salary .iconBtn {
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: flex;
  flex-direction: row;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 30px;
}
.limtCont .limtContRight {
  width: 30%;
  display: block;
  float: left;
}
.limtCont .limtContRight .page {
  width: 100%;
  height: 40px;
  line-height: 40px;
  float: left;
}
.limtCont .limtContRight .page .pageTit {
  display: block;
  float: left;
  line-height: 40px;
  height: 40px;
  font-size: 14px;
  width: 100px;
}
.limtCont .limtContRight .page .pageLim {
  display: block;
  float: left;
  line-height: 40px;
  width: 40px;
  box-sizing: border-box;
  height: 35px;
}
/*
    ��˾��Ϣ����
*/
.content {
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
}
.content .listCompany {
  width: 80%;
  margin: 0 auto;
  position: relative;
  border: 1px solid #D6DBE9;
  padding-bottom: 20px;
}
.content .listCompany .listTit {
  width: 100%;
  height: 100px;
}
.content .listCompany .listTit .listConpanyFont {
  width: 50%;
  font-size: 18px;
  margin: 0 auto;
  margin-top: 10px;
  background-color: rgba(85, 26, 139, 0.3);
  color: white;
  height: 50px;
  line-height: 50px;
}
.content .listCompany .listTit .titPosit {
  width: 30%;
  border: 1px solid #D6DBE9;
  display: block;
  float: left;
  margin: 20px;
}
.content .listCompany .listTit .titPosit .positName {
  font-size: 14px;
  color: #5D005D;
  line-height: 40px;
}
.content .listCompany .listTit .titPosit .positSta {
  font-size: 12px;
  color: #293956;
  line-height: 40px;
}
.content .listCompany .listTit .titSalary {
  width: 30%;
  position: relative;
  display: block;
  float: right;
  height: 40px;
  line-height: 40px;
  margin: 20px;
  border: 1px solid #D6DBE9;
}
.content .listCompany .listTit .titSalary .salaryTit {
  font-size: 14px;
  color: #5D005D;
  line-height: 40px;
  margin: 20px;
}
.content .listCompany .listTit .titSalary .salaryNum {
  font-size: 12px;
  color: #293956;
  line-height: 40px;
  margin: 20px;
}
.content .listCompany .companyCont {
  width: 100%;
}
.content .listCompany .companyCont .contContent {
  margin: 20px;
  border: 1px solid #D6DBE9;
}
.content .listCompany .compSubmit {
  width: 150px;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  background-color: #551A8B;
  color: white;
}
.content .mail {
  width: 90%;
  margin: 0 auto;
  padding: 10px;
  position: relative;
  border: 1px solid #D6DBE9;
}
.content .mail .mailBlock {
  display: block;
  border: 1px solid #D6DBE9;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
}
.content .mail .mailName {
  float: left;
}
.content .mail .mailTime {
  float: right;
}
.content .mail .mailContent {
  width: 98%;
  padding: 10px;
  border: 1px solid #D6DBE9;
  margin: 0 auto;
  box-sizing: border-box;
}
.content .mail .btn {
  width: 100%;
  padding-top: 10px;
}
.content .mail .btn .replay {
  float: left;
}
.content .mail .btn .delete {
  float: right;
}
.content .mail .btn .btnSty {
  display: block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  background-color: #551a8b;
  color: white;
}
.content .mail .btn .btnSty:hover {
  background-color: rgba(85, 26, 139, 0.5);
}
.content .mail .mailTop {
  padding: 10px 0;
}
/**
    ���Խ���
*/
.interP {
  border-top: 1px solid #999;
  width: 100%;
  position: relative;
  margin: 0 auto;
  text-align: center;
  /*ְλ��Ϣ*/
}
.interP .mailCont {
  width: 80%;
  margin: 0 auto;
  padding: 10px 0;
  padding-top: 20px;
  text-align: center;
  justify-content: center;
  align-content: center;
}
.interP .mailCont .mailTit {
  font-size: 16px;
  border: 1px solid #5D6B99;
  padding: 10px 20px;
  margin: 0 auto;
  background-color: #5D6B99;
  color: white;
  width: 50%;
}
.interP .mailCont .proCont {
  width: 60%;
  float: left;
  border-bottom: 1px solid #999;
}
.interP .mailCont .proCont .circCont {
  width: 20px;
  height: 20px;
  margin: 10px;
  padding: 10px;
  border: 1px solid #5D6B99;
  border-radius: 50px;
  float: left;
  background-color: #5D6B99;
  color: white;
}
.interP .mailCont .proCont .cirTit {
  display: block;
  float: left;
  width: 80%;
  color: #5D6B99;
  height: 62px;
  line-height: 62px;
}
.interP .mailCont .progTab {
  width: 20%;
  float: right;
  top: 100px;
  position: absolute;
  right: 10%;
  top: 50%;
}
.interP .mailCont .progTab .tit {
  background-color: #5D6B99;
  color: white;
  padding: 10px 20px;
  border: 1px solid #D6DBE9;
}
.interP .mailCont .progTab .percTab {
  margin: 0 0 20px 0;
  color: #2A3A56;
  font-size: 60px;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 3px solid #D6DBE9;
}
.interP .positInfo {
  width: 80%;
  margin: 0 auto;
  padding: 10px 0;
  padding-top: 20px;
  text-align: center;
  justify-content: center;
  align-content: center;
}
.interP .positInfo .lineFir {
  width: 100%;
  position: relative;
}
.interP .positInfo .lineFir .listSty {
  width: 150px;
  height: 30px;
  line-height: 30px;
  display: block;
  float: left;
  background-color: #5D6B99;
  color: white;
  margin-right: 1px;
}
.interP .positInfo .positInfoDetil {
  width: 100%;
  text-indent: 2px;
  text-align: left;
  border: 1px solid #5D6B99;
  margin: 10px 0;
  color: #5D6B99;
}
.interP .positInfo .positInfoDetil .detil {
  width: 100%;
  color: #333;
}
/**��¼*/
.page {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 600px;
}
.page .mainCont {
  width: 280px;
  height: 240px;
  text-align: center;
  border: 1px solid #551a8b;
  padding-top: 10px;
}
.page .mainCont .commLogSty {
  width: 100px;
  display: block;
  float: left;
  font-size: 14px;
  background-color: #551a8b;
  color: white;
  padding: 10px 10px;
  position: relative;
  z-index: 1000;
}
.page .mainCont .commLogSty:hover {
  background-color: rgba(85, 26, 139, 0.5);
  cursor: pointer;
}
.page .mainCont .commLogTit {
  margin-left: 19px;
  border-right: 1px solid white;
}
.page .mainCont .content {
  width: 100%;
}
.page .mainCont .content .listInp {
  margin-top: 20px;
  width: 80%;
  height: 30px;
  line-height: 30px;
  border: 1px solid #551a8b;
}
.page .mainCont .content .logBtn {
  width: 100px;
  font-size: 14px;
  background-color: #551a8b;
  color: white;
  padding: 10px 10px;
  margin: auto;
  margin-top: 20px;
}
.page .mainCont .content .logBtn:hover {
  background-color: rgba(85, 26, 139, 0.5);
}
